Page {
  background-color: #78c799;
}
.at-activity-indicator__content {
  color: white;
}
.plan {
  .plan-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px 50px;
    .plan-page-title {
      color: white;
      margin: 5px 0px 5px;
      font-size: 50px;
      font-weight: bold;
    }
  }
  .plan_hearder {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: white;
    border-radius: 40px;
    margin: 20px 40px 0px;
    padding: 20px 40px;
    .plan-action {
      display: flex;
      justify-content: space-between;
      align-items: center;
      .plan-name {
        text-align: start;
        max-width: 480px;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .action-btn-status {
        display: flex;
        justify-content: space-around;
        align-items: center;
        .at-button--primary {
          border: none;
          background: #78c799;
        }
        .at-button {
          border-radius: 100px;
        }
      }
    }
    .plan-status-icon {
      display: flex;
      align-items: center;
      margin: 20px 0px 10px;
      border-top: 1px solid rgb(204, 204, 204);
      padding-top: 20px;
      .plan-status {
        margin-right: 10px;
        font-size: 30rpx;
        color: #999;
      }
    }
  }

  .time-line {
    background-color: white;
    padding: 40px;
    margin: 40px 40px 0px;
    border-radius: 40px;
    .at-timeline-item__dot {
      top: 10px;
    }
    .at-timeline-item__content--sub {
      color: #999;
      font-size: 24rpx;
    }
  }
  .note-content {
    margin: 20px 40px 0px;
    text-align: start;
    .note-title {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 40px;
      color: white;
    }
    .note-body {
      margin-top: 15px;
      border-radius: 30px;
      border: none;
    }
  }
  .assignee-container {
    margin: 20px 40px 120px;
    padding-bottom: 60px;
    .note-title {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 40px;
      color: white;
      .assignee-icon {
        margin-left: 5px;
      }
    }
    .assignee-body {
      margin-top: 15px;
      border-radius: 30px;
      border: none;
    }
    .at-radio::after {
      border-bottom: unset;
      border-bottom-style: unset;
    }
    .at-radio::before {
      border-top: unset;
      border-top-style: unset;
    }
  }
  .at-modal__container {
    width: 610px;
    .at-modal__content {
      min-height: unset;
      background-color: #d8caaf;
      border: none;
    }
    .at-modal__footer {
      background-color: #d8caaf;
      .at-modal__action {
        button {
          width: 50%;
          color: #fff;
        }
        button:last-child:nth-child(2) {
          color: rgb(0, 0, 0);
        }
      }
    }
  }
}
